<template>
   <div class="coupon_detail activity">
      <navbar>野练PASS详情</navbar>
      <div class="content">
        <div class="detail">
          <h2>
            <button class="coupon-tag">野练</button>
            <span>野练PASS</span>
          </h2>
          <div class="center" v-if="detail.discount">
            <i></i><i></i>
            <h3>{{ detail.discount.title }}</h3>
            <h4>{{ detail.starts_at | date(detail.ends_at) }}</h4>
            <p>野练PASS使用规则：{{ detail.discount.intro }}</p>
          </div>
          <div class="buttonBox">
            <button :disabled="statusDisabled" @click="jump('city_list')">{{ statusTxt }}</button>
          </div>
        </div>
      </div>
   </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/coupon/detail.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
</style>
